<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    		<title>购物车页面制作</title>
   		<link rel="stylesheet" type="text/css" href="css/basic.css"/>
   		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
	</head>
	<body>
		<div class="cart_content">
			<div class="cart_info">
				<h2>购物车</h2>
				
				<div class="p_number">
					<div class="p_number_left">
						<p>用餐人数:2人</p>
						<p>备注:无</p>
					</div>
					<div class="p_number_right">
						<img src="img/edit.png" alt="" />
						<p>修改</p>
					</div>
				</div>
				<div class="cat_p_num">
					<p>购物车中总共有6个菜</p>
					<p>合计:<span class="price">￥68</span></p>
				</div>
			</div>
			
			
			<div class="cart_list">
				<ul>
					<li class="item">
						<div class="left_food">
							<img src="img/1.jpg" alt="" />
							<div class="food_info">
								<p>老干妈炒肥肠</p>
								<p class="price">￥56</p>
							</div>
						</div>
						<div class="right_cart">
							<div class="cart_num">
					          <div class="input_left">-</div>
					          <div class="input_center">
					              <input type="text"  readonly="readonly" value="1" name="num" id="num" />
					          </div>
					          <div class="input_right">+</div>				      
					        </div>			
						</div>
					</li>
					<li class="item">
						<div class="left_food">
							<img src="img/1.jpg" alt="" />
							<div class="food_info">
								<p>老干妈炒肥肠</p>
								<p class="price">￥56</p>
							</div>
						</div>
						<div class="right_cart">
							<div class="cart_num">
					          <div class="input_left">-</div>
					          <div class="input_center">
					              <input type="text"  readonly="readonly" value="1" name="num" id="num" />
					          </div>
					          <div class="input_right">+</div>				      
					        </div>			
						</div>
					</li>
					<li class="item">
						<div class="left_food">
							<img src="img/1.jpg" alt="" />
							<div class="food_info">
								<p>老干妈炒肥肠</p>
								<p class="price">￥56</p>
							</div>
						</div>
						<div class="right_cart">
							<div class="cart_num">
					          <div class="input_left">-</div>
					          <div class="input_center">
					              <input type="text"  readonly="readonly" value="1" name="num" id="num" />
					          </div>
					          <div class="input_right">+</div>				      
					        </div>			
						</div>
					</li>
				</ul>
			</div>
			
		<div class="footer_nav" id="footer_nav">
			<img src="img/navigation.png" alt="" />
			<p>导航</p>
		</div>
		
		<div class="footer_book" id="footer_book">
			<img src="img/menu.png" alt="" />
			<p>菜单</p>
		</div>
		
		<div class="footer_cart" id="footer_cart">
			<img src="img/cart.png" alt="" />
			<p>购物车</p>
		</div>
			
			
		</div>
	</body>
</html>
